<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample</title>
<meta name="viewport"
            content="width=device-width, initial-scale=1.0">
<meta name="HandheldFriendly" content="true">
<style>
body {
	font-family: 微软雅黑, 'Microsoft YaHei', \5FAE\8F6F\96C5\9ED1, sans-serif;
}
header {
	background: #ADB96E;
}
footer {
	padding: 10px 0;
	background: #EADCAE;
	clear: both;
	text-align:right;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
	font-size:25px;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
</style>

</head>

<body>
<article>
  <header>
    <h1>HTML5规范学习指南</h1>
    <p><time pubdate datetime="2010-11-20T15:28-08:10"></time></p>
  </header>
  <p>日志正文简介放在这里</p>
  <p>日志正文简介放在这里</p>
  <a href="?show=detail">阅读全文...</a>
  <footer>
     <a href="?show=comments">显示评论...</a>
  </footer>
</article>

</body>
</html>